@media only screen and ( max-device-width:1440px ){

}


@media screen and (max-width:1200px){
        section.ourNews .nexr3{ right: 5%; margin-right: 0px;}
section.ourNews .nexr4{ left: 5%; margin-left:00px;}	
}
@media only screen and (max-device-width:768px ) {
	div.linesMore a{ margin-top:10px}
  section.banVideo{ margin-top: 57px;}
  div.phoneNav{ display: block;} 
  footer{ padding-top: 0;}
  section.bomNav article,
  section.topNav{ width: 94%; padding: 10px 0;}
  section.bomNav{ padding: 0;}
  section.bomNav article p,
  section.topNav li{ float: none; width: 100%; height: auto; border: none;}
  section.topNav li:nth-child(1){ padding-top: 0px; text-align:center; display:none}
  section.topNav li:nth-child(2){ padding-left: 0; width: 100%; text-align:center}
  section.topNav li:nth-child(3){ width: 100%;}
  section.topNav li span strong{ margin-bottom: 20px;}
  section.bomNav article p{ line-height: 1.8;}
  section.bomNav article p:nth-child(2){ text-align: left;} 
  header,
  .swiper-button-prev, 
  .swiper-button-next,
  section.ourAlist .waperhshti .swiper-slide .texts{ display: none;}
  section.ourAlist .waperhshti .swiper-slide:hover img{ 
  	transform: translateY(0px); 
  	-webkit-transform: translateY(0px); 
  	-moz-transform: translateY(0px); 
  	-o-transform: translateY(0px); 
  }
  aside.waperTit{ padding-top: 30px;}
  
  section.banVideo ul li img{ width: 100%;}
  section.ourUsers,
  section.ourGaess{ width: 94%; margin: 0 auto; padding-top: 20px; overflow:hidden}
  section.ourAlist{ margin-top: 30px;}
  section.ourNews article.waperList2,
  section.ourAlist article.waperList1{ width: 94%; padding-top: 20px;}
  section.ourNews{ height: auto; padding-bottom: 50px;}
  
  section.ourAlist{ height: auto; padding-bottom: 50px;}
  section.ourGaess div{ margin-left:0%}
  section.ourGaess dl{ width: 100%; margin-bottom: 20px; float:none; margin-left:0%}
  section.ourGaess dl dt{ width: auto; height: auto; line-height: 80px;}
  section.ourGaess dl dt a{ font-size: 24px;}
  section.ourGaess dl dd h4{ padding: 0px 0;}
  #banner{ padding-top: 20px; padding-bottom: 0px;}
  .focus{ padding-bottom: 45px;}
 .rslides li a img{ width: 90%; height: auto;}
  
  section.ourNews article.waperList2 .swiper-slide .textg{ height: auto; padding: 20px 5px;}
  section.ourNews article.waperList2 .swiper-slide .textg p,
  section.ourNews article.waperList2 .swiper-slide .textg span{ display: none;}
 
  section.banners{margin-top: 75px;}
  aside.menuNac .subNac{ width: 94%;}
  section.mainBox{ width: 94%; margin-left: 0; padding-top: 30px; margin:0 auto; overflow:hidden}
  section.mainBox .anList{margin-left:-1%;}
  section.mainBox .anList li{ float: left; width: 48%; margin-left:2%; margin-right:0%;}


  
  section.mainBox .newsList{ width: 100%; margin-left:0%;}
  section.mainBox .newsList li article{ width: 94%;}
  section.mainBox .newsList li article img{ float: none; width: 100%; height: auto; display: block;}  
  section.mainBox .newsList li article dl{ float: none; margin-left: 0;}
  section.mainBox .newsList li article dl dt{ float: none; border: none;padding: 20px 47px 20px 0;}  
  section.mainBox .newsList li article dl dd{ float: none; width: 100%; padding-left: 0;}
  section.mainBox .newsList li article dl dd h4{ margin-top: 0; width: 100%; height: 22px; overflow: hidden;}
  section.mainBox .newsList li article dl dd p{ margin-top: 15px;}
  
  section.mainBox .nexPrves{ margin-top: 40px; padding-bottom: 40px;}
  section.mainBox .newsVonts p img{ display: block; width: 100%; height: auto;}
  
  section.mainBox .joinList{ width: 100%; margin-left: -50%;}
  section.mainBox .joinList li{ width: 94%;}
  section.mainBox .joinList li div font{ display: none;}
  
  section.mainBox .ourYoseist{ width: 100%; display:none}
  section.mainBox .ourYoseist li{ padding: 25px 0;}
  section.mainBox .ourYoseist li section{ width: 94%; margin: 0 auto;}
  section.mainBox .ourYoseist li div,
  section.mainBox .ourYoseist li article{ float: none; width: 100%; margin-bottom: 15px;
   opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);	
	-moz-transform: translateX(0px);	
	-o-transform: translateX(0px);
  }
  section.mainBox .ourYoseist li div img{ width: 100%;}
  section.mainBox .ourYoseist li article{ margin-left: 0;}
  section.mainBox .ourYoseist li article i{margin:15px 0; display: none;}
  section.mainBox .ourYoseist li:nth-child(2) div{ margin-left: 0;}
  section.mainBox .ourYoseist li:nth-child(2) div,
  section.mainBox .ourYoseist li:nth-child(2) article{
  opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);	
	-moz-transform: translateX(0px);	
	-o-transform: translateX(0px);
  }
  section.mainBox .cityList a font,
  section.mainBox .cityList a i{ display: none;}
  
  section.theHistory .subHistory,
  section.Corporate,
  section.logoh .midis,
  div.contFindes{ width: 94%;}
  
  section.Corporate dl dd,
  section.logoh .midis div{ width: 100%;}
  section.Corporate dl dd img{ width: 100%;
   transform: translate3d(-50%,-50%,0);
   -webkit-transform: translate3d(-50%,-50%,0);
   -moz-transform: translate3d(-50%,-50%,0);
   -o-transform: translate3d(-50%,-50%,0);
  }
  section.Corporate dl dd{ top: 0;}
  section.Corporate dl dt{ width: 100%;}
  section.Corporate dl dt img{ width: 100%;}
  
  div.contFindes,
  article.theTit{ padding-top: 30px;}
  section.Corporate{ padding-top: 15px; padding-bottom: 160px;}
  
  section.theHistory .subHistory{ margin: 30px auto 80px;}
  section.theHistory .subHistory ul li{ width: 100%; margin: 15px 0;}
  section.theHistory .subHistory ul li dl{ width: 100%;}
  section.theHistory .subHistory ul li dl dd{ width: 64%; padding-top: 15px;}
  
  .IndexList{ padding-top: 0px;  display:none}
  .IndexList li{ width: 100%;}
  div.sbs,
  .IndexList li:after{ display: none}
  .IndexList b{ margin-top: 0;}
  section.theComany{ height: auto; padding-bottom:20px;}  
  
  section.logoh{ padding: 10px 0;}
  section.logoh .midis div{ margin: 15px 0;}
  
  section.mainBox .mapst .submaps li div{ display: none;}
  section.mainBox .mapst{ background: none; height: auto;}
  section.mainBox .mapst .submaps,
  section.mainBox .mapst .submaps li article{ position: relative;}
  section.mainBox .mapst .submaps li article{ color: #fff !important; background-color: rgba(102,102,102,0.6); top: initial; right: initial; visibility: visible; opacity: 1; width: 100%; height: auto; padding: 30px 15px 0 15px; padding-bottom: 20px;}
  section.mainBox .mapst .submaps li.mp2 article{ right: 0;}
  section.mainBox .mapst .submaps li{ margin-top: 0px !important; margin-bottom: 15px !important;}
  
  section.mainBox .bigImg img{ width: 100%; height: auto; display:block;}
  
  
  section.mainBox .anList li h5{ width: 100%; height: 22px; overflow:hidden;}
  
  .IndexList .IndexLContent{ height: 45px;}
  .IndexList .IndexLContent .Txt{ font-size: 44px;}
  .IndexList i.jc{ font-size: 63px;}
  .IndexList span{ font-size: 16px;}
  
  .waperBanner{ display: block; width: 100%; height: 0; padding-bottom: 41.66%; position: relative;}  
  .waperBanner li{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size:100% 100% !important;}
  .waperBanner .bantext h3{ font-size: 18px;}
  .waperBanner .bantext P{ letter-spacing: 2px; word-spacing: 6px; font-size: 12px; margin-top: 0px;}
  
  .newsYoseist li{ width: 100%; margin-right: 0;}
  .uplist a{ width: 100%; margin-bottom: 5px;}
  
  .newsYoseist li{ margin-bottom: 15px;}
  .newsYoseist li .subnei strong{ width: 156px; display: block; margin: 0 auto;}
  .newsYoseist li .subnei small{ width: 156px;}
  
  .newsYoseist li .texgs{
			transform: scale(0.5);
			-webkit-transform: scale(0.5);
			-moz-transform: scale(0.5);
			opacity: 0;
}

.newsYoseist li .subnei{
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		opacity: 1;
}
  
  
} 




.products_img img {max-width:100%;}